<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>预约预订</title>
    <link rel="stylesheet" href="../style/weui.css"/>
    <link rel="stylesheet" href="./culture.css"/>
    <link rel="stylesheet" href="./css/swiper.css">
    <style type="text/css">
        
/*        .weui_panel_hd {
            padding: 14px 15px 5px 15px;
            position: relative;
        }*/
        .weui_panel_hd i{ font-size: 15px;color: #313131;padding-left:10px;}

    </style>
</head>
<body ontouchstart>

    <!-- 顶部banner -->
    <div class="header_bg"><img src="./images/banner/activity_schedule.png" /></div>

    <div class="cat_list" style="margin-top: 15px;">
        <div style="margin: 20px ">
            整合搜集福州各类文体场馆、机构、商家资源等，及时发布各类文体活动、预订场馆，提供订座订票、远程借阅等服务，最大限度丰富您的文体生活。
        </div>

        <div class="custom_panel">
            <img src="./images/articles/classroom.jpg"/>
            <a class="custom_btn" href="./changguanyuyue.html" style="background-color: #ff7655">
                场馆预约
            </a>
        </div>

        <div class="custom_panel">
            <img src="./images/articles/classroom.jpg"  />
            <a class="custom_btn" href="./huodongyuyue.html" style="background-color: #ff7655">
                活动预约
            </a>
        </div>

    </div>

	<!-- 底部导航按钮 -->
	<div class="weui-tab" id="tab">
	    <div class="weui-tabbar">
	        <a href="./index.html" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-chat"></i>
	            </div>
	            <p class="weui-tabbar__label">首页</p>
	        </a>
	        <a href="javascript:;" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-contact"></i>
	            </div>
	            <p class="weui-tabbar__label">群文资讯</p>
	        </a>
	        <a href="javascript:;" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-discovery"></i>
	            </div>
	            <p class="weui-tabbar__label">非遗风采</p>
	        </a>
	        <a href="./userCenter.html" class="weui-tabbar__item">
	            <div class="weui-tabbar__icon">
	                <i class="icon-profile"></i>
	            </div>
	            <p class="weui-tabbar__label">我</p>
	        </a>
	    </div>
	</div>

    <script src="./zepto.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="./js/swiper.js"></script>
</body>

<script type="text/javascript">
    $(function(){
        //initialize swiper when document ready  
        var mySwiper = new Swiper ('.swiper-container', {
          // Optional parameters
          pagination: '.swiper-pagination',//分页
          paginationClickable: true,//切换圆点
          effect: 'coverflow',
          autoplayDisableOnInteraction: false,//用户操作分页后会停止自动播放，添加这个就不会
          direction: 'horizontal',
          //autoplay:3000,
          loop: true,
          spaceBetween: 30,
        }) 

        $('.weui-tabbar__item').on('click', function () {
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
        });    
    });
</script>

<!-- <script type="text/javascript">
	
	//头条滚动
    function updateTopNews() {
        var total = $(".top-news").length;
        var curr = $(".top-news[active=true]");
        var currIndex = parseInt(curr.attr("index"));
        var next;
        var nextIndex;
        if (currIndex >= total) {
            next = $(".top-news").eq(0);
            nextIndex = 1;
        } else {
            next = curr.next();
            nextIndex = currIndex + 1;
        }
        curr.removeAttr("active").hide();
        next.attr("active", "true").slideDown();
    };

    $(document).ready(function(){
    	setInterval("updateTopNews()", 3000);
    });
</script> -->

</html>